<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url()."css/redmond/jquery-ui-1.8.14.custom.css";?>" rel="stylesheet" />
        <script src="<?php echo base_url()."js/jquery-ui-1.8.14.custom.min.js";?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url()."css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url()."js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
            }
            .claseno{color:red}
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/serviciosyasesoria/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Accion','Empresa','Nombre','Descripcion','Departamento','Ciudad','Servicios'],
                    colModel :[
                        {name:'postu',index:'postu', width:80,sortable:false,align:"right"},
                        {name:'empresaRazon',index:'empresaRazon', width:130,editable:true},
                        {name:'sol.solServyAseDescripcion',index:'sol.solServyAseDescripcion', width:150,editable:true},
                        {name:'sol.solServyAseNombre',index:'sol.solServyAseNombre', width:150,editable:true},
                        {name:'dept.departamento',index:'dept.departamento', width:140,editable:true},
                        {name:'ciu.ciudad',index:'ciu.ciudad', width:170,editable:true},
                        {name:'sol.solServyAseServicios',index:'sol.solServyAseServicios', width:240,editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var ret = jQuery("#list").getRowData(cl);
                            var se1 = "<input type='button' value='Postular' onclick=\"fnPostular('" + cl + "');\" tittle='Postular' />";
                            jQuery("#list").setRowData(cl,{postu:se1});
                            var se1 = "<input type='button' value='" + ret.empresaRazon + "' onclick=\"fnVerEmpresa('" + cl + "');\" tittle='Ver información' />";
                            jQuery("#list").setRowData(cl,{empresaRazon:se1});
                        }
                    },
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'empresaRazon',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'OFERTAS DE SERVICIOS Y/O ASESORIAS',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                <?php $this->load->view('enReady'); ?>
            }); //fin $(document).ready(function(){
            function fnVerEmpresa(sol){
                window.open("<?php echo site_url("registrarInst/verEmpresa/")."/"; ?>" + sol, "Ver_Empresa", "width=1300,height=500,scrollbars=YES");
            }
            function fnPostular(sol){
                $.post("<?php echo site_url("registrarInst/postuServi/"); ?>", {soli:sol},function(data){
                    alert(data);
                    jQuery("#list").trigger("reloadGrid");
                    return;
                });
            }
        </script>
    </head>
    <body>
        <div style="text-align: left" class="divTitulo">SERVICIOS/ASESORIAS PÚBLICADOS</div>
        <div style="color:red;font-size: 12px;text-align: left">PARA POSTULARSE AL SERVICIO O ASESORIA UNICAMENTE DE CLICK EN EL BOTÓN "POSTULAR", SI DESEA VER MAS INFORMACIÓN DE LA EMPRESA DE CLICK SOBRE EN EL BOTÓN VER</div>
        <div style="text-align: left">
        <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />

        <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
